import React, { Component } from 'react'
import { LeftOutlined } from '@ant-design/icons';
import { Form, Input, Button, Checkbox } from 'antd';
// import User from '../../components/user/User'
import './deng.css'
import { Route, Link ,withRouter} from "react-router-dom"
import Home from '../home/Home'

const layout = {
    labelCol: {
        span: 8,
    },
    wrapperCol: {
        span: 16,
    },
};
const tailLayout = {
    wrapperCol: {
        offset: 8,
        span: 16,
    },
};

const onFinish = (values) => {
    console.log('Success:', values);
};

const onFinishFailed = (errorInfo) => {
    console.log('Failed:', errorInfo);
};
 class Next extends Component {
    render() {
        return (
            <div id='next'>
                <LeftOutlined style={{ padding: '0.25rem', fontSize: '0.44rem', color: '#c3c3c3' }} />
                <div className='con'>
                    <h2 style={{ fontSize: '0.62rem', fontWeight: 'bold', margin: '0.5rem 0 0.1rem', padding: '0 0.3rem' }}>验证手机号 </h2>
                    <p style={{ fontSize: '0.3rem', margin: '0.1rem 0 0.6rem', padding: '0 0.3rem' }}>当前号码：+86 18240422871</p>
                    <div style={{ padding: '0 0.3rem' }}>
                        <Form
                            {...layout}
                            name="basic"
                            initialValues={{
                                remember: true,
                            }}
                            onFinish={onFinish}
                            onFinishFailed={onFinishFailed}
                        >
                            <Form.Item
                                label="验证码"
                                name="username"
                                rules={[
                                    {
                                        required: true,
                                        message: 'Please input your username!',
                                    },
                                ]}
                            >
                                <Input />
                            </Form.Item>
                            <p style={{ fontSize: '0.16rem', marginBottom: '1rem' }}>重发验证码 ，如无法收到验证码请点这里获取帮助</p>
                            <Form.Item {...tailLayout}>
                                <Button htmlType="submit" style={{ width: '100%', background: '#fae100', outline: 'none', border: 0, height: '1rem' }}>
                                    <Link to='/home'>下一步</Link>
<Route path='/home' component={Home}></Route>
                                </Button>
                            </Form.Item>
                        </Form>
                    </div>

                </div>
            </div>

        )
    }
}
export default  withRouter(Next)